/* 客户案例 */
.customer {
    position: absolute;
    inset: 0;
}

.customer a {
    text-decoration: none;
}

.customer .background {
    position: absolute;
    inset: 0;
    background: linear-gradient(-38deg, #1E1129 0%, #2F1D3F 100%);
    opacity: 0.99;
}

.customer .top-bg {
    position: absolute;
    top: 0;
    width: 100%;
    background-image: url(https://img1.mymax.cn/mymaxair/officialwebsite-pc/2024/images/customer/top-bg.png);
    background-size: cover;
    background-position: center;
    height: 6.425rem;
}

.customer .container {
    position: absolute;
    inset: 0;
    overflow: auto;
}

.customer .container .wrapper {
    position: relative;
}

/* banner */
.customer .container .wrapper .banner {
    position: relative;
    display: flex;
    flex-direction: column;
    transform: scale(0.8);
    /* justify-content: center; */
}

.customer .container .wrapper .banner .title {
    width: 10.8875rem;
    height: 1.575rem;
    margin-top: 2rem;
    margin-left: 3.9375rem;
}

.customer .container .wrapper .banner .desc {
    font-weight: 800;
    font-size: .4125rem;
    color: #FFFFFF;
    line-height: 1;
    margin-top: -0.0625rem;
    margin-left: 4.225rem;
}

/* tabs */
.customer .container .wrapper .tabs {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -2rem;
    align-items: center;
    transform: scale(0.8);
}

/* tab-bar */
.customer .container .wrapper .tabs .tab-bar {
    position: relative;
    display: flex;
    align-items: center;
    width: 21.825rem;
    height: 2.35rem;
    background: #F5E9FF;
    border-radius: .375rem;
    border: .0125rem solid #FF9628;
    overflow: hidden;
    z-index: 1;
}

.customer .container .wrapper .tabs .tab-bar .item {
    position: relative;
    height: 100%;
    padding: 0 .325rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    font-family: "ChuangKeTieJinGangTi-2";
    font-weight: 400;
    font-size: .5125rem;
    color: #461A6F;
    line-height: .5625rem;
    background: linear-gradient(2deg, #461A6F 0%, #7941AC 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
    transition: transform .3s ease-in-out;
}

.customer .container .wrapper .tabs .tab-bar .item:hover {
    transform: scale(1.05);
}

.customer .container .wrapper .tabs .tab-bar .active {
    background: linear-gradient(2deg, #FFFFFF 0%, #C399FD 100%);
    background-clip: text;
    -webkit-background-clip: text;
}

.customer .container .wrapper .tabs .tab-bar .item:nth-child(2) {
    padding-left: .7rem;
}

.customer .container .wrapper .tabs .tab-bar .item:last-child {
    padding-right: .7rem;
}

.customer .container .wrapper .tabs .tab-bar .active .underline {
    margin: .1125rem .35rem 0 .35rem;
    height: 1px;
    background: #BA8FFF;
}

.customer .container .wrapper .tabs .tab-bar .spline {
    width: .025rem;
    height: .9875rem;
    background: #9654FF;
}

.customer .container .wrapper .tabs .tab-bar .bar {
    position: absolute;
    left: 0;
    width: 100px;
    height: 100%;
}

.customer .container .wrapper .tabs .tab-bar .bar .bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #39096F 0%, #A84DE9 100%);
}

.customer .container .wrapper .tabs .tab-bar .bar .logo {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1.0125rem;
    width: 90%;
    object-fit: contain;
    object-position: bottom;
}

.customer .container .wrapper .tabs .tab-bar .bar .tag {
    position: absolute;
    top: 50%;
    width: .2375rem;
    height: .2375rem;
}

.customer .container .wrapper .tabs .tab-bar .bar .tag-left {
    left: 0;
    transform: translate(-50%, -50%);
}

.customer .container .wrapper .tabs .tab-bar .bar .tag-right {
    right: 0;
    transform: translate(50%, -50%);
}

/* tab-content */
.customer .container .wrapper .tabs .tab-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 16.6875rem;
}

/* manufacturing */
.customer .container .wrapper .tabs .tab-content .manufacturing {
    position: relative;
    display: flex;
    height: 13.95rem;
    background: linear-gradient(0deg, #F9F2FF 0%, #F2E4FF 100%);
}

/* left */
.customer .container .wrapper .tabs .tab-content .manufacturing .left {
    position: relative;
    width: 4.8rem;
    height: 100%;
    background: linear-gradient(180deg, #370F5C 0%, #4F1487 100%);
    font-family: "ChuangKeTieJinGangTi-2";
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.1;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .left .en {
    display: flex;
    align-items: center;
    margin-top: 1.65rem;
    margin-left: .5875rem;
    font-family: "ChuangKeTieJinGangTi-2";
}

.customer .container .wrapper .tabs .tab-content .manufacturing .left .en .line {
    width: .275rem;
    height: .0375rem;
    background: #EF8B2F;
    border-radius: .025rem;
    margin-right: .025rem;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .left .en .text {
    font-family: "Berlin-Sans-FB";
    font-size: .175rem;
    color: #EF8B2F;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .left .title1 {
    font-size: .625rem;
    margin-top: .2625rem;
    margin-left: .5875rem;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .left .zhi {
    width: .65rem;
    height: .65rem;
    margin-top: .1625rem;
    margin-left: .475rem;
    border-radius: 50%;
    background-color: white;
    color: #370F5D;
    text-align: center;
    line-height: .65rem;
    font-weight: 600;
    font-size: .375rem;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .left .title2 {
    margin-top: -0.425rem;
    margin-left: 1.2625rem;
    font-size: 1.1375rem;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .left .title3 {
    margin-top: .25rem;
    margin-left: 1.3rem;
    font-weight: 400;
    font-size: .4875rem;
    color: #FFFFFF;
    line-height: .6rem;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .left .arrow {
    position: absolute;
    top: 2.225rem;
    right: .3125rem;
    width: .475rem;
    height: .55rem;
}


/* right */
.customer .container .wrapper .tabs .tab-content .manufacturing .right {
    flex: 1;
    display: flex;
}

/* menu-bar */
.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-bar {
    position: relative;
    display: flex;
    flex-direction: column;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-bar .bar {
    position: absolute;
    width: 1.1375rem;
    height: 1.1375rem;
    background: #370F5D;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-bar .item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.1375rem;
    height: 1.1375rem;
    font-weight: 800;
    font-size: .225rem;
    color: #300C51;
    cursor: pointer;
    transition: transform .3s ease-in-out;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-bar .item:hover {
    transform: scale(1.1);
}

.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-bar .active {
    color: white;
}

/* menu-content */
.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: .4125rem;
    margin-right: 1.15rem;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-content .title {
    margin-top: .9875rem;
    font-weight: 800;
    font-size: .5125rem;
    color: #300C51;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-content .desc {
    margin-top: .3125rem;
    font-weight: 400;
    font-size: .2375rem;
    color: #1E0337;
    line-height: .4125rem;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-content .desc p {
    margin: 0;
    text-indent: .5rem;
}

/* .customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-content .desc .space {
    height: 0.25rem;
} */

.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-content .space {
    flex: 1;
}

.customer .container .wrapper .tabs .tab-content .manufacturing .right .menu-content .img {
    width: 92%;
    margin-bottom: .5375rem;
    object-fit: contain;
}

/* case solution result */
.customer .container .wrapper .tabs .tab-content .case {
    position: relative;
    margin-top: 1.5375rem;
}

.customer .container .wrapper .tabs .tab-content .solution {
    
}

.customer .container .wrapper .tabs .tab-content .result {
    
}

.customer .container .wrapper .tabs .tab-content .case .title-en {
    display: flex;
    align-items: center;
}

.customer .container .wrapper .tabs .tab-content .case .title-en .line {
    width: .275rem;
    height: .0375rem;
    margin-right: .0375rem;
    background: #EF8B2F;
    border-radius: .025rem;
}

.customer .container .wrapper .tabs .tab-content .case .title-en .text {
    font-family: "Berlin-Sans-FB";
    font-weight: 400;
    font-size: .1875rem;
    color: #EF8B2F;
}

.customer .container .wrapper .tabs .tab-content .case .title-zh {
    font-family: "ChuangKeTieJinGangTi-2";
    font-weight: 400;
    font-size: 1.0125rem;
    color: #FFFFFF;
}

.customer .container .wrapper .tabs .tab-content .case .list {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: .9125rem;
}

.customer .container .wrapper .tabs .tab-content .case .list .bg {
    position: absolute;
    left: 0;
    top: -1.1875rem;
    width: 6.9375rem;
    height: 4.1875rem;
}

.customer .container .wrapper .tabs .tab-content .case .list .item {
    position: relative;
    width: 100%;
}